<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'query.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="<%=basePath %>js/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>js/themes/icon.css">
	<script type="text/javascript" src="<%=basePath %>js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>js/jquery.easyui.min.js"></script>
  </head>
  
  <body >

  <script>
		$(function(){
			$('#cc').combo({
				required:true,
				editable:false
			});
			$('#sp').appendTo($('#cc').combo('panel'));
			$('#sp input').click(function(){
				var v = $(this).val();
				var s = $(this).next('span').text();
				$('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
			});
		});
	</script>
  
    ${tip}  <br>
    <div style="text-align: center;background-color: #99BBE8;color:#190679">查询统计</div>
    <form>
    <table>
    <tr><th style="background:;padding:1px;font-weight: normal">起始日期</th>
    <th style="background:#99BBE8;padding:1px;font-weight: normal">结束日期</th>
    <th style="background:;padding:1px;font-weight: normal">食物类别</th>
    <th style="background:#99BBE8;padding:1px;font-weight: normal">交通类别</th>
    <th style="background:;padding:1px;font-weight: normal">零食类别</th>
    <th style="background:#99BBE8;padding:1px;font-weight: normal">其他类别</th></tr>
    <tr>
    <td>
    <input type="text"  name="" class="easyui-datebox" />
    </td> 
    <td>
    <input type="text" name="" class="easyui-datebox" />
    </td>
    <td>
    <select id="cc"></select>
	<div id="sp">
		<div style="color:#99BBE8;background:#fafafa;padding:5px;">选择类别</div>
		<input type="radio" name="lang" value="01"><span>食物</span><br/>
		<input type="radio" name="lang" value="02"><span>交通</span><br/>
		<input type="radio" name="lang" value="03"><span>零食</span><br/>
		<input type="radio" name="lang" value="04"><span>其他</span><br/>
	</div>
	</td>
	<td><input type="text"></td>
	<td><input type="text"></td>
	<td><input type="text"></td>
	</tr>
	</table>
	</form>
  
  </body>
</html>
